<template>
    <div>
        <div class="header_img"></div>
        <div class="p15 return_msg">
            <div class="fl"><img style="height: 30px;" v-bind:src="this.$store.state.imagesUrl + 'huankuanchenggong_icon.png'" /></div>
            <div>
                <div class="msg">还款成功</div>
            </div>
            <div class="explain">将于48小时内释放尾号为{{ lastfourt }}的借用卡的冻结额度</div>
        </div>

        <div class="p15 prompt">
            安全提醒："小通帮你借"不会以系统维护、交易异常等为理由，要求您通过点击链接或者其他方式进行操作，或以各种理由索取您的隐私信息，如个人身份信息、银行卡账号、密码及手机验证码等。
        </div>

    </div>
</template>

<script>
export default  {
    name: 'repayResult',  // 组件贷款人提前还款结果
    data () {  // 数据
        return {
            msg: 'repayResult',
            lastfourt:""
        }
    },
    methods:{ // 自定义方法，可对data进行处理
    },
    mounted(){
        var cdid = String(this.$store.state.repayItem.creditCardNo);
        this.lastfourt = cdid.slice(-4);
    },
    beforeRouteLeave(to,from,next){
        if(to.name == "Repayment"){
            if(this.$store.state.channelNo == "01"){
                location.hash="#/loanRecord";
           }else{
                location.hash="#/accountRecord";
           }

        }else{
            next();
        }
    }
}
</script>

<style lang='scss' scoped>
.header_img{
    width: 100%;
    height: 200px;
    background-image: url(/FuLiBao/Lenovo/static/images/tiqianhuankuanchenggong_icon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.p15{
    padding: 15px;
    background-color: #fff;
}
.return_msg{
    padding:40px 15px 40px 30px;
    img{
        margin-right: 10px;
    }
    .msg{
        font-size: 20px;
    }
    .explain{
        font-size: 12px;
        color: #666;
        clear: left;
    }
    margin-bottom: 15px;
}
.prompt{
    color: #666;
    line-height: 30px;
}
</style>
